<!DOCTYPE html>
<html>
<head>
<title>Mail Us</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- js -->
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<script src="js/jquery-1.11.1.min.js"></script>
<!-- //js -->
<link href='https://fonts.googleapis.com/css?family=Cabin:400,400italic,500,500italic,600,600italic,700,700italic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Peralta' rel='stylesheet' type='text/css'>
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event){		
			event.preventDefault();
			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
		});
	});
</script>
<!-- start-smoth-scrolling -->
</head>
	
<body>
<!-- body -->
	<div class="body-content">
		<div class="container">
			<div class="body-content1">
			<!-- header -->
				<div class="logo-search">
					<div class="logo">
						<h1><a href="index.html">k<span class="color">i</span><span class="color1">d</span><span class="color2">s</span> <span>school</span> <i>Good Start To Your Child</i></a></h1>
					</div>
					<div class="search">
						<form>
							<input type="text" value="Search Here..." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search Here...';}" required="">
							<input type="submit" value=" " >
						</form>
					</div>
					<div class="clearfix"> </div>
				</div>
			<!-- //header -->
			<!-- nav -->
				<div class="navigation">
					<nav class="navbar navbar-default">
						<!-- Brand and toggle get grouped for better mobile display -->
						<div class="navbar-header">
						  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						  </button>
						</div>

						<!-- Collect the nav links, forms, and other content for toggling -->
						<div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
							<nav class="stroke">
									<ul class="nav navbar-nav">
										<li class="active"><a href="index.html">主页</a></li>
										<li><a href="services.html" class="hvr-rectangle-out">产品服务</a></li>
										<li><a href="events.html" class="hvr-rectangle-out">新闻 & 动态</a></li>
										<li><a href="short-codes.html" class="hvr-rectangle-out">培训与认证</a></li>
										<li><a href="gallery.html" class="hvr-rectangle-out">网络记分</a></li>
										<li><a href="mail.html" class="hvr-rectangle-out">联系我们</a></li>
									</ul>
							</nav>
						</div>
						<!-- /.navbar-collapse -->
					</nav>
				</div>
			<!-- //nav -->
			
			<!-- mail -->
				<div class="mail" style="margin-top: 0px;padding-top: 0px;">
					<div>
						<h2 style="text-align: left;width: 100%">我们一直都在, 请联系我们!</h2>
					</div>
					
					<div class="mail-grids">
						<div class="col-md-4 mail-grid">
							<div class="mail-grid1">
								<div class="col-xs-3 mail-grid-left">
									<div class="mail-grid-left-pos">
										<span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span>
									</div>
								</div>
								<div class="col-xs-9 mail-grid-right">
									<div class="mail-grid-right1">
										<h3>广东省珠海市唐家湾镇哈工大路1号10栋</h3>
									</div>
								</div>
								<div class="clearfix"> </div>
							</div>
						</div>
						<div class="col-md-4 mail-grid">
							<div class="mail-grid1">
								<div class="col-xs-3 mail-grid-left">
									<div class="mail-grid-left-pos">
										<span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>
									</div>
								</div>
								<div class="col-xs-9 mail-grid-right">
									<div class="mail-grid-right1">
										<p><a href="mailto:sales@king-may.com.cn">sales@king-may.com.cn</a>
										</p>
									</div>
								</div>
								<div class="clearfix"> </div>
							</div>
						</div>
						<div class="col-md-4 mail-grid">
							<div class="mail-grid1">
								<div class="col-xs-3 mail-grid-left">
									<div class="mail-grid-left-pos">
										<span class="glyphicon glyphicon-earphone" aria-hidden="true"></span>
									</div>
								</div>
								<div class="col-xs-9 mail-grid-right">
									<div class="mail-grid-right1">
										<p>01186-756-3396889<span>01186-756-3391009</span></p>
									</div>
								</div>
								<div class="clearfix"> </div>
							</div>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="map-grids">						
						<div class="col-md-12 map-grid">
							<h3>向我们发送 <span>消息</span></h3>
							<form>
								<input type="text" value="Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Name';}" required="">
								<input type="email" value="Email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email';}" required="">
								<input type="text" value="Subject" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Subject';}" required="">
								<textarea type="text"  onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Message...';}" required="">Message...</textarea>
								<input type="submit" value="Submit Now" >
							</form>
						</div>
						<div class="clearfix"> </div>
					</div>
				</div>
			<!-- //mail -->
			</div>
		</div>
	</div>
<!-- //body -->
<!-- footer -->
	<div class="footer">
		<div class="container">
			<h3>订阅我们!</h3>
			<p class="para">随时随地接收我们最新的消息.</p>
			<div class="footer-contact">
				<form>
					<input type="text" placeholder="请输入您的Email地址:" required=" ">
					<input type="submit" value="">
				</form>
			</div>
			
			<div class="footer-copy">
				<p>Copyright &copy; 2018.king-may All rights reserved.</p>
				<ul>
					<li><a href="#" class="twitter"><span type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Follow Us On Twitter"></span></a></li>
					<li><a href="#" class="p"><span type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Follow Us On Pinterest"></span></a></li>
					<li><a href="#" class="facebook" id="facebook"><span type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Follow Us On Facebook"></span></a></li>
					<li><a href="#" class="dribble"><span type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Follow Us On Dribbble"></span></a></li>
					<li><a href="#" class="rss"><span type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Follow Us On RSS"></span></a></li>
					<div class="clearfix"> </div>
				</ul>
				<script>
					$(function () {
					  $('[data-toggle="tooltip"]').tooltip()
					})
				</script>
			</div>
		</div>
	</div>
<!-- //footer -->
<!-- here stars scrolling icon -->
	<script type="text/javascript">
									$(document).ready(function() {
										/*
										var defaults = {
								  			containerID: 'toTop', // fading element id
											containerHoverID: 'toTopHover', // fading element hover id
											scrollSpeed: 1200,
											easingType: 'linear' 
								 		};
										*/
										
										$().UItoTop({ easingType: 'easeOutQuart' });
										
									});
	</script>
<!-- //here ends scrolling icon -->
<!-- for bootstrap working -->
	<script src="js/bootstrap.js"></script>
<!-- //for bootstrap working -->
</body>
</html>